<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>吸顶灯</title>
		<script src="../jquery-1.11.1.js"></script>
		<style>
			div#top_context{
				width: 100%;
				height: 200px;
			}
			div#sticky{
				width: 100%;
				height: 20px;
				background-color: #000000;
			}
			
		</style>
	</head>
	<body>
		<div id="top_context"></div>
		<div id="sticky"></div>
		<div id="main_context">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id delectus recusandae natus repellat aspernatur adipisci totam, eum libero a nesciunt at eveniet! Necessitatibus, reprehenderit odit! Ipsum dicta rerum quasi ex. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla officia, eaque temporibus ex debitis omnis sapiente fugit! Autem, quod, aspernatur quia, voluptates saepe ipsam nobis mollitia amet blanditiis magni quas. Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem nesciunt aspernatur harum officiis aliquid facere magnam consectetur eaque, similique necessitatibus porro, veritatis ratione, beatae quis assumenda. Culpa distinctio velit nostrum.</div>
		<script></script>
	</body>
</html>